<script setup>

import dayjs from "dayjs";
</script>

<template>

  <div class="w-full">
    <!--            分上下-->
    <!--            上面title-->
    <div class="p-1.5">
      <h2 class="font-bold text-xl ">我们的每周计划</h2>
    </div>
    <div class="flex w-full ">
      <h1 class="text-gray-400 pl-1 w-2/5">{{ dayjs(new Date()).format('YYYY-MM-DD') }}</h1>
      <!--      参会者-->
      <div class="flex justify-end w-full space-x-2">
        <div class="flex  mr-1">
          <span class="text-gray-500 mr-2">参会者:</span>
          <p class="roundBox bg-fontLanse text-blue-500">12</p>
        </div>
        <div class="flex">
          <span class="text-gray-500 mr-2">参会者:</span>
          <p class="roundBox mr-4 bg-fense text-fontFense">1</p>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.roundBox {
  @apply w-1.7 h-1.7  rounded-full text-center
}
</style>